<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>京东登录页面</title>
	<link href="css/register.css" rel="stylesheet">
</head>
<body>
    <div id="header" class="main">
        <div id="headerLeft">
            <img src="images/JDicon.png" /></div>
        <div id="headerRight">注册 | 登录 | 帮助</div>
    </div>
    <div class="register">
		<form action="success.html" id="myform" method="get" name="myform" >
			<ul>
				<li class="bold">登录京东</li>
				<li><span>Email：</span><input type="text" class="inputs" value="请输入正确的电子邮箱"/></li>
				<li><span>密码：</span><input type="password" class="inputs" /></li>
				<li><input name="btn" id="btn" type="submit" value="登录" class="rb1"  /></li>
			</ul>
		</form>
    </div>
    <div id="footer" class="main"><a href="#">关于我们</a> | <a href="#">诚聘英才</a> |<a href="#"> 联系方式</a>  | <a href="#">帮助中心</a></div>
	<script  src="js/jquery-1.12.4.js"></script>
	<script>
		// 思路
		// 1--获取
		// 2--判断
		// 3-用户提交时进行数据验证 submit
		$("form").submit(function(){
			// val()===获取文本框的值
			let mail = $("#myform :text").val();
			console.log(mail);
			if(mail==""){
				alert("不能为空");
				return false;
			}
			if(mail.indexOf("@")==-1){
				alert("格式不对")
				return false;
			}
			if(mail.indexOf(".")==-1){
				alert("格式不对")
				return false;
			}
			return true;
			
		})

	</script>
	

</body>
</html>

